<template>
  <div class="app-box">
    <h1>App组件</h1>
    <!-- //定义路由链接 便于切换视图 -->
    <router-link to="/home">home</router-link> 
    <router-link to="/about">about</router-link>
    <router-link to="/movie">movie</router-link>
  <hr>
  <!-- //定义路由视图 -->
  <router-view></router-view> 
  </div>
</template>
<style scoped>
.app-box {
  text-align: center;
  font-size: 16px;
}
.app-box a {
  padding: 10px;
  color: black;
}
.app-box a.router-link-active {
 color:#fff;
 background-color: #000;
}


</style>